<wicket:extend>

	<div class="row">
		<div class="span7">
			<h2 wicket:id="tituloAtaque">Ataque</h2>
			
			<form wicket:id="nuevoAtaqueForm" class="form alert alert-error">
	        	<fieldset>
					<div class="form-group">
			        	<label>Elegir un zombie:</label>
			        	<br>
			        	<div class="controls">
				        	<select wicket:id="zombieSeleccionado">
				              	<option>NINGUN ZOMBIE</option>
				            </select>
		               	</div>
		        	</div>
		        	<br>
		            <div class="btn-group">
	                    <button wicket:id="botonAtacar" type="submit" class="btn btn-danger">Atacar</button>
						<button wicket:id="volverJardin" type="submit" class="btn">Volver</button>
	                </div>
	        	</fieldset>
	        </form>
	        
	        <div class="alert alert-error">
				<span wicket:id="feedbackPanel" class="text-error">errores</span>
		    	<p> </p>
		    </div>
	        
	        
<!-- 	        <div wicket:id="feedbackPanel" class="alert alert-error"> -->
<!-- 				<strong>Warning!</strong> Best check yo self, you're not looking too good.   -->
<!-- 			</div> -->
	        
	    </div>
		
		<div wicket:id="panelEstadoJardin">
				Panel gráfico del estado del jardín
		</div>
	</div>
	
					
	<div class="">			
		 <!-- <div class="span6"> -->
			<div id="contenedorAtaqueGrilla">
				<div id="tablaAtaqueGrilla">
					<hr/>
					<table class="table table-condensed table-striped  table-hover">
						<thead>
							<th>Mensaje</th>
							<th>Atacante status</th>
							<th>Defensor status</th>
						</thead>
						
						<tbody>
							<tr wicket:id="resultadosAtaqueLog">
								<td wicket:id="mensaje"></td>
								<td wicket:id="atacanteStats"></td>
								<td wicket:id="defensorStats"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		<!-- </div> -->
	</div>
	
</wicket:extend>